<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>智能订餐</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/assets/base/Inforschool/css/style.css">
</head>
<body>
<div class="wraper">
    <div class="header font-white">
        <a href="javascript:history.go(-1)" class="iconfont icon-left font-white back"></a>
        <div class="font-16 text-center">订餐详情</div>
    </div>
    <volist name="orderdata" id="v">
        <div class="bg_white margin-12 padding-12">
            <div class="boxs flex_between font-gray2 padding-0 border">
                <div>收货人：</div>
                <div class="font-gray1">{BEESCRM:$v['consignor']}</div>
            </div>
            <div class="boxs flex_between font-gray2 padding-0 border">
                <div>手机号：</div>
                <div class="font-gray1">{BEESCRM:$v['mobile']}</div>
            </div>
            <div class="boxs flex_between font-gray2 padding-0 border">
                <div>用餐地点：</div>
                <div class="font-gray1">{BEESCRM:$v['area']}</div>
            </div>
        </div>
        <div class="bg_white margin-12 padding-12">
            <a href="orderDetial2?id={BEESCRM:$v['or_sn']}">
                <div class="boxs flex_between font-gray1 padding-0 border">
                    <div class=" ">中餐{BEESCRM:$mfoodcount}/份 / 晚餐{BEESCRM:$nfoodcount}份</div>
                    <div class="iconfont icon-right"></div>
                </div>
            </a>
        </div>
        <div class="bg_white margin-12 padding-12">
            <div class="boxs font-gray1 padding-0 border clearfix">
                <volist name="v['img']" id="val">
                    <div class="pull-left imag">
                        <img src="{BEESCRM:$val}">
                    </div>
                </volist>
            </div>
        </div>
    </volist>

    <div class="pop-box height hide pop-tab">
        <div class="table-cell">
            <div class="pop-images">
                <img class="js_pop-img" src="" alt="">
                <div class="pop-close iconfont icon-cheng1">
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/assets/base/Inforschool/js/jquery-2.1.0.min.js"></script>

<script>
    $(function () {
        var src = $('.imag').find('img').attr('src');
        if (src == '') {
            $('.imag').parents('.bg_white').remove();
        }
    })
    $('.boxs').on('click','.imag',function () {
        var src = $(this).find('img').attr('src');
        $('.pop-tab').removeClass('hide');
        $('.js_pop-img').attr('src', src);
    })
    $('.pop-close').click(function () {
        $('.pop-box').addClass('hide');
    })

</script>
</body>
</html>